<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>交流中心</title>
<link rel="stylesheet" type="text/css" href="../../static/css/common.css"/>
<link rel="stylesheet" type="text/css" href="../../static/css/menu.css">
<link rel="stylesheet" type="text/css" href="../../static/css/dialog.css">
<link rel="stylesheet" type="text/css" href="../../static/hall/default/css/main.css">
<script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../static/js/operate-dialog.js"></script>
<script type="text/javascript" src="../../static/js/jquery.jscroll.js"></script>
<script type="text/javascript">
$(function(){
	$(".chatWinCnt").scrollTop($(".chatWinCnt_div").height());
	
	$(".chatWinCnt dt").live("mouseenter",function(){
		$(this).children(".u-tips").css("display","block");
		
	}).live("mouseleave",function(){
		$(this).children(".u-tips").hide();
	});
	$(".u-name").click(function(){
		$(".chooseUser").val($(this).text())
	});
});
/**
 * 模拟发送消息
 */
function sendMsg(){
	var msg = $(".c-textarea").val();
	//msg = msg.replace('<br />','\n');
	if($.trim(msg) == ""){
		alert("请输入内容");
		return;
	}
	var userName = $(".chooseUser").val();
	var d = new Date()
	var time = d.toLocaleTimeString();
	$(".chatWinCnt_div")
		.append('<dl class="myself-style">'
				+	'<dt>'
				+		'<span>我 对 '+userName+'</span> 说：'
				+	'</dt>'
				+	'<dd>'+msg+'<span class="time"> - '+time+'</span></dd>'
				+'</dl>');
	$(".chatWinCnt").scrollTop($(".chatWinCnt_div").height());
	$(".c-textarea").val("");
}
</script>
<!--[if IE 6]>
<script type="text/javascript" src="../../static/js/DD_belatedPNG.js"></script>
<script type="text/javascript">
	DD_belatedPNG.fix('.ie6png');
</script>
<![endif]-->
</head>

<body class="bg">
<div class="wrap">
	<div class="container">
		<div class="main chat-center">
			<div class="chat-wrap">
				<div class="chatWrap">
					<h3>交流中心<a class="close-b" href="index.html">х</a></h3>
					<div class="chat-container">
						<div class="chatWinCnt">
							<div class="chatWinCnt_div">
								<dl class="user-style">
									<dt>
										<span class="u-name">用户一</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户二</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问请问。。<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="myself-style">
									<dt><span>我</span>：</dt>
									<dd>哈哈哈哈哈哈哈哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="service-style">
									<dt>
										<span class="u-name">客服</span>：
									</dt>
									<dd>好的亲，下午就发货哦<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户一</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户二</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问请问。。<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="myself-style">
									<dt><span>我</span>：</dt>
									<dd>哈哈哈哈哈哈哈哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="service-style">
									<dt>
										<span class="u-name">客服</span>：
									</dt>
									<dd>好的亲，下午就发货哦<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户一</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户二</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问请问。。<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="myself-style">
									<dt><span>我</span>：</dt>
									<dd>哈哈哈哈哈哈哈哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="service-style">
									<dt>
										<span class="u-name">客服</span>：
									</dt>
									<dd>好的亲，下午就发货哦<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户一</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户二</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问请问。。<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="myself-style">
									<dt><span>我</span>：</dt>
									<dd>哈哈哈哈哈哈哈哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="service-style">
									<dt>
										<span class="u-name">客服</span>：
									</dt>
									<dd>好的亲，下午就发货哦<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户一</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="user-style">
									<dt>
										<span class="u-name">用户二</span>：
										<a href="javascript:;" class="u-tips">交换名片</a>
									</dt>
									<dd>请问请问请问请问请问请问请问请问。。<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="myself-style">
									<dt><span>我</span>：</dt>
									<dd>哈哈哈哈哈哈哈哈啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<span class="time"> - 19:25:23</span></dd>
								</dl>
								<dl class="service-style">
									<dt>
										<span class="u-name">客服</span>：
									</dt>
									<dd>好的亲，下午就发货哦<span class="time"> - 19:25:23</span></dd>
								</dl>
							</div>
						</div>
						<div class="chatInputArea">
							<div class="chat-textarea">
								<textarea class="c-textarea" wrap="physical"></textarea>
							</div>
							<select class="chooseUser">
								<option class="c-green">所有人</option>
								<option>用户一</option>
								<option>用户二</option>
								<option class="c-red">客服</option>
							</select>
							<input class="send-btn" type="submit" value="发送" onClick="sendMsg();">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="menu">
			<ul id="nav" class="nav">
				<li><a href="javascript:;">展厅导航</a>
					<div class="sub-nav">
						<p><a href="index.html">大厅</a></p>
						<p><a class="hall-info" href="javascript:;">展厅信息</a></p>
						<p><a href="hall-center.html">展厅中心</a></p>
						<p><a href="meeting-center.html">会议中心</a></p>
						<p><a class="data-center" href="javascript:;">资料中心</a></p>
						<p><a href="chat-center.html">交流中心</a></p>
					</div>
				</li>
				<li class="line"></li>
				<li><a id="collect" href="javascript:;">收藏夹</a></li>
				<li class="line"></li>
				<li><a id="cardBox" href="javascript:;">名片盒</a></li>
				<li class="line"></li>
				<li><a id="onlineUser" href="javascript:;">在线用户</a></li>
				<li class="line"></li>
				<li><a id="userInfo" href="javascript:;">个人信息</a></li>
				<li class="line"></li>
				<li><a href="../../manage/">展厅管理</a></li>
			</ul>
			<div class="login">
				<a id="login" class="btn-gray-a" href="javascript:;">登录</a>
				<a id="register" class="btn-gray-a" href="javascript:;">注册</a>
			</div>
			<a class="logo" href="http://www.gensee.com/" target="_blank"><img src="../../static/images/logo2.png" /></a>
		</div>
		<div class="overlay"></div>
	</div>
</div>
</body>
</html>
